<template>
	<view class="page_wrapper">
		<view class="char_content">
			<textarea class="content" v-model="content" maxlength="100" placeholder="请将要测验文字输入在文本框中,点击下载即可.">
			</textarea>
			<view class="demo_block">
				<view>
					例如文本框中输入以下内容:<br>
					"春冬风雪花飞入姓什么双国王方青清气晴情请生字左右红时动万纯"<br>
					将会生成下面的测试卷<br>
			  </view>
				<image class="demo_img" mode="aspectFit" src="https://www.hzif.cn/mathematics-attach/share.png/n/nkbezkvujekikqkk.png" />
			</view>
		</view>
		<view class="bottom_btns_block">
			<view class="fcz_btn" @tap="downloadPage()">下载测验试题</view>
		</view>
	</view>
</template>

<script>
	import {request} from '@/utils/request.js'
	export default {
		data() {
			return {
				content: ''
			}
		},
		methods: {
			
			
			downloadPage() {
				// 先生成题，再下载
				console.log(this.content)
				uni.showLoading()
				// request.post(
				// 	'/chineseChars', 
				// 	{
				// 		cs: this.content,
				// 		gradeLevel: 1
				// 	}
				// ).then(res => {
					
				// 	const url = request.wrapperToken('/chineseChars/' + res.idNo + '/download')
				// 	uni.downloadFile({
				// 		url: url,
				// 		success: (res) => {
				// 			if (res.statusCode === 200) {
				// 				console.log('下载成功')
				// 				console.log(res.tempFilePath)
				// 				uni.saveImageToPhotosAlbum({
				// 					filePath: res.tempFilePath,
				// 					success() {
				// 						uni.showToast({ icon: "none", title: "图片保存成功，请到手机相册查看" })
				// 					},
				// 					fail(e) {
				// 						const msg = "保存相册失败，errCode：" + e.errCode + "，errMsg：" + e.errMsg + "，errSubject：" + e.errSubject
				// 						uni.showModal({ content: msg, showCancel: false })
				// 					}
				// 				})
				// 			}else{
				// 				console.log('下载失败')
				// 				console.log(res)
				// 				uni.showToast({ icon: 'none', title: '下载失败，可联系群主反馈' })
				// 			}
				// 		},
				// 		fail(e) {
				// 		}
				// 	})
					
				// }).catch(err => {
				// 	uni.hideLoading()
				// 	console.log(err)
				// })
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page_wrapper{
		.char_content{
			flex: 1;
			margin: 15px;
			display: flex;
			flex-direction: column;
			overflow: scroll;
			.content{
				width: 90%;
				min-height: 200px;
				font-size: 16px;
				padding: 15px;
				border: 1px solid #cccccc;
			}
			.demo_block{
				color: #666666;
				padding: 20px 15px;
				display: flex;
				flex-direction: column;
				.demo_img{
					width: 100%;
					height: 400px;
					margin-top: 10px;
				}
			}
		}
	}
</style>
